<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<!--
		综合练习
		// 编写一个有注册页面
		// 用户名				（英文开头小写，中间小写英文或者是数字，长度是6-20）
		// 密码					（英文或数字 6-20位)
		// 重复密码
		// 性别	
		// 邮箱					 网上搜正则表达式			
		// 电话号码				 网上搜正则表达式
		// 生日					要求格式 2001-06-15或者是2001/06/15
								年份是20开头    比如2001 
		// 注册按钮  清空按钮			
		// 使用正则表达式进行验证 
		-->
		
		<h1>用户注册</h1>
		<form >
			用户名: 
			<input id="username-input" type="text" name="username" /> <br />
            密码:
            <input id="userpassword1" type="password" name="password1" /> <br />
            重复密码:
            <input id="userpassword2" type="password" name="password2" /> <br />


            性别: 
			<input id="sex" type="text" name="sex" /> <br />
            邮箱:
            <input id="email" type="text" name="email" /> <br />
            电话号码:
            <input id="tel" type="tel" name="tel" /> <br />
			生日:
            <input id="bir" type="text" name="bir" /> <br />
			<button type="button" onclick="check()">检测输入</button>
		</form>
		
		<script type="text/javascript">
			function check()
			{
				console.log("check()");
				var username = document.getElementById("username").value;
                var password1 = document.getElementById("userpassword1").value;
                var password2 = document.getElementById("userpassword2").value;
                var email=document.getElementById("email").value
                var tel = document.getElementById("tel").value;
                var bir=document.getElementById("bir").value
				var re1 = /^[a-z][a-z0-9]{5,19}$/;
                var re2 = /[A-Za-z0-9]{5,19}$/;
                var re3 = /^[a-zA-Z0-9_-]+@[a-zA-Z0-9_-]+(.[a-zA-Z0-9_-]+)+$/;
                var re4 = /^(13[0-9]|14[01456879]|15[0-35-9]|16[2567]|17[0-8]|18[0-9]|19[0-35-9])\d{8}$/
                var re5 = /^20\d{2}-\d{1,2}-\d{1,2}$/;
				if(username.match(re1))
				{
                    console.log("用户名符合要求");
				}
				else
				{
					console.log("用户名不符合要求");
				}


                if(password1.match(re2))
				{
                    console.log("密码符合要求");
				}
				else
				{
					console.log("密码不符合要求");
				}


                if(email.match(re3))
				{
                    console.log("邮箱符合要求");
				}
				else
				{
					console.log("邮箱不符合要求");
				}


                if(tel.match(re4))
				{
                    console.log("电话号码符合要求");
				}
				else
				{
					console.log("电话号码不符合要求");
				}


                if(bir.match(re5))
				{
                    console.log("生日符合要求");
				}
				else
				{
					console.log("生日不符合要求");
				}
			}
		</script>
	</body>
</html>